<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="mainStyle.css" type="text/css" />
	</head>

	<body>
		<div id="father">
			<!--1.logo部分-->
			<div id="logo">
				<div class="top">
					<img src="img/logo2.png" height="46px" />
				</div>
				<div class="top">
					<img src="img/header.png" height="46px" />
				</div>
				<div class="top" id="top">
					<a href="#">登录</a>
					<a href="#">注册</a>
					<a href="#">购物车</a>
				</div>
			</div>

			<!--<div id="clear">-->

				<!--2.导航栏部分-->
				<div id="menu">
					<ul>
						<a href="#">
							<li style="font-size: 20px;">首页</li>
						</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">
							<li>手机数码</li>
						</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">
							<li>家用电器</li>
						</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">
							<li>鞋靴箱包</li>
						</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">
							<li>孕婴保健</li>
						</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">
							<li>奢侈品</li>
						</a>
					</ul>
				</div>
				<!--3.轮播图部分-->
				<div id="">
					<img src="img/1.jpg" width="100%" />
				</div>
				<!--4.最新商品-->
				<div id="product">
					<div id="product_top">
						&nbsp;&nbsp;&nbsp;
						<span style="font-size: 25px;padding-top: 8px;">最新商品</span>&nbsp;&nbsp;&nbsp;
						<img src="img/title2.jpg" />
					</div>
					<div id="product_bottom">
						<div id="product_bottom_left">
							<a href="#"><img src="img/big01.jpg" width="100%" height="100%" /></a>
						</div>

						<div id="product_bottom_right">
							<div id="big">
								<a href="#"><img src="img/middle01.jpg" width="100%" height="100%" /></a>
							</div>
							<div id="small">
								<img src="img/small01.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small02.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small03.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small04.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small05.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small06.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small07.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small08.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small09.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
						</div>
					</div>
				</div>
				<!--5.广告图片-->
				<div id="">
					<img src="img/rec.jpg" width="100%" />
				</div>
				<!--6.热门商品-->
				<div id="product">
					<div id="product_top">
						&nbsp;&nbsp;&nbsp;
						<span style="font-size: 25px;padding-top: 8px;">热门商品</span>&nbsp;&nbsp;&nbsp;
						<img src="img/title2.jpg" />
					</div>
					<div id="product_bottom">
						<div id="product_bottom_left">
							<a href="#"><img src="img/big01.jpg" width="100%" height="100%" /></a>
						</div>

						<div id="product_bottom_right">
							<div id="big">
								<a href="#"><img src="img/middle01.jpg" width="100%" height="100%" /></a>
							</div>
							<div id="small">
								<img src="img/small01.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small02.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small03.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small04.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small05.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small06.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small07.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small08.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
							<div id="small">
								<img src="img/small09.jpg" />
								<a href="#">
									<p style="color: gray;">电炖锅</p>
								</a>
								<p style="color: red;">💰399</p>
							</div>
						</div>
					</div>
				</div>
				<!--7.广告图片-->
				<div id="">
					<img src="img/footer.jpg" width="100%" />
				</div>
				<!--8.友情链接和版权信息-->
				<div id="bottom">
					<a href="#">关于我们</a>
					<a href="#">联系我们</a>
					<a href="#">招贤纳士</a>
					<a href="#">法律声明</a>
					<a href="#">友情链接</a>
					<a href="#">支付方式</a>
					<a href="#">配送方式</a>
					<a href="#">服务声明</a>
					<a href="#">广告声明</a>
					<p>
						Copyright © 2005-2016 传智商城 版权所有
					</p>
				</div>
			</div>
	</body>

</html>